import { ListPage } from "custom/index";
import { getStopPage, removeCustomerShop } from './api'
import { historyDialog } from './dialog/HistoryDialog'
import { recoveryDialog, editDialog } from './dialog/RecoveryDialog'
import ShopDetailColumn from './components/ShopDetailColumn.vue'

const page = new ListPage('CustomerConsultationRecord');

page
  .api(getStopPage)
  .useSearch()
    .addInputItem('keyword', '客户咨询记录 ', '')
    .addItem({ prop: 'customerNo', label: '客户ID' })
    .addItem({ prop: 'customerName', label: '客户名称' })
    .addItem({ prop: 'shopNo', label: '店铺ID' })
    .addItem({ prop: 'shopName', label: '店铺名称' })
    // .addDictSelect({ prop: 'shopTypeNo', label: '店铺类型' }, 'marketType')
    // .addItem({ prop: 'storeLiaison', label: '店铺负责人' })
    // .addDateRangePicker(['firstStartDateStart', 'firstStartDateEnd'], { label: '首次服务时间' })
    .end()
  .useTable()
    .useIndexColumn().end()
    .useColumn('endDate').label('登记日期').minWidth(140).sortable().end()
    .useColumn('stopCooperateDate').label('结束日期').minWidth(140).end()
    // .useColumn('customerNo').label('客户ID').minWidth(120).end()
    .useColumn('platformName').label('平台').minWidth(120).end()
    .useColumn('customerName').label('结束客户名称').sortable().minWidth(140).end()
    // .useColumn('shopNo').label('店铺ID').end()
    .useCustomColumn(ShopDetailColumn, 'shopName').label('结束店铺名称').sortable().minWidth(140).end()
    // .useColumn('shopTypeNo').label('店铺类型').end()
    .useColumn('stopReason').label('商家端反馈结束原因').minWidth(200).end()
    .useColumn('stopUserDept').label('部门').end()
    .useColumn('baseSalary').label('金额').align('center').end()
    .useColumn('realReason').label('真实原因').end()
    .useColumn('stopUser').label('判定员').end()
    .useColumn('judgeReason').label('业务端流失信息判定').minWidth(200).end()
    .useColumn('recoveryResult').label('客户挽回结果').minWidth(150).end()
    .end()
  .usePagination()
    .end()
  .useAuthButton()
    .useItem('export').content('导出数据').exportExcel().end()
    .end()
  .useAuthColumn({ width: 260 })
    .useItem('export').content('历史记录').editRow(historyDialog).end()
    .useItem('reply').content('恢复合作').editRow(recoveryDialog).end()
    .useItem('edit').content('编辑').editRow(editDialog).end()
    .useItem('delete').content('删除').removeRow(removeCustomerShop, row => [row.shopId]).end()

export default page
